<ion-header>
  <div class="uh bc-head   bc-f6" data-control="HEADER" id="Header">
    <div class="ub ub-ac">
      <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()" >
        <img src="assets/imgs/back_btn.png"  />
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">手机快速注册</h1>
      <div class="nav-btn zhuce" id="nav-right"></div>
    </div>
  </div>
</ion-header>
<ion-content >
  <div class="bc-bg" tabindex="0" data-control="PAGE" id="Page_p46F7L">
  <style type="text/css">
    .check i { display: inline-block; height: 1.28em; width: 1.28em; background-image: url(assets/imgs/login/weixuanzhong.png); background-size: cover; margin-right: 0.6em; }
    .check input { display: none; }
    .check input:checked+i { background-image: url(assets/imgs/login/xuanzhong.png) }
  </style>
  <div class="" >
    <div class="scrollbox">
      <div class="box_bounce ub ub-ver ub-pc"></div>
      <div class="ub ub-ver  ub-fh contentpadding">
        <form method="get" action="">
          <div class="bc-wihte ubb ubt bc-cc padleft">
            <div class="ub ub-ac  umh5 ">
              <div class=" uinput ub ub-ac ub-f1 li">
                <div class="icon  sc-text" style="margin-right: 0.18em;">
                  <img src="assets/imgs/login/icon-mobile.png" />
                </div>
                <input style="padding:0" placeholder="请输入手机号" #mobile (keyup)="onMobileChange(mobile.value)"  maxlength="11" type="number" id="phonenumber" class="ub-f1 phonenum number">
                <div class="delete delphone" style="display:none">
                <img src="assets/imgs/login/icon-close.png" />
                </div>
                <div (click)="getvcode()" class="yanzhengma"    *ngIf="!verifyCodeWait">
                 {{vcodeName}}
                </div>
                <div  class="yanzhengma" *ngIf="verifyCodeWait">
                  {{vcodetime}}秒后重试
                </div>
              </div>
            </div>
            <div class="ub ub-ac ubt bc-cc umh5">
              <div class=" uinput ub ub-ac ub-f1 li">
                <div class=" icon sc-text" style="margin-right: 0.18em;">
                  <img src="assets/imgs/login/yanzhengma.png" />
                </div>
                <input style="padding:0" id="yzm" #vcode (keyup)="onVcodeChange(vcode.value)"  placeholder="请输入验证码" type="text" class="umw4 ub-f1 number">
                <div class="delete" style="display:none">
                <img src="assets/imgs/login/icon-close.png" />
                </div>

              </div>
            </div>
            <div class="ub ub-ac ubt bc-cc umh5">
              <div class=" uinput ub ub-ac ub-f1 li">
                <div class=" icon sc-text">
                  <img class="suo" src="assets/imgs/login/mima.png" style="width: 1.3em;height: 1.3em;" />
                </div>
                <input style="padding:0" [(ngModel)]="password" name="password" *ngIf="chakanPwd"   placeholder="请输入密码(6-20位且为字母数字组合)"  type="password"  class="umw4 ub-f1 password">
                <input style="padding:0" [(ngModel)]="password" name="password" *ngIf="!chakanPwd"  placeholder="请输入密码(6-20位且为字母数字组合)" type="text"  class="umw4 ub-f1 password">
                <div class="eye ub ub-ac" (click)="chaPwd()">
                <img src="{{chakanPwd?'assets/imgs/login/biyan.png':'assets/imgs/login/yanjing.png'}}" />
                </div>
              </div>
            </div>
          </div>
        </form>
        <div class="ub ub-ver tx-l">
          <div class="ub ub-ac xieyi umar-t">
            <div class="check ub-img1">
              <label>
                <input type="checkbox" [(ngModel)]="IsChecked" name="IsChecked" id="xieyi" value="" />
                <i></i>
              </label>
            </div>
            <div class="sc-text">
              同意
              <span  (click)="goReAament()" style="color:#F75F47;">《来战用户注册协议》</span>
            </div>
          </div>
          <div class="uinn-at1">
            <button ion-button color="danger" [disabled]="!IsChecked" (click)="submit()" > 注册 </button>
          </div>
        </div>
      </div>
    </div>
    <div class="uinn-4b"></div>
  </div>
</div>
</ion-content>
